@charset "utf-8";
*{margin:0; padding:0;font-family: '微软雅黑';}
button,a{font-family: '微软雅黑';border: 0;cursor: pointer;}
a{
	border:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color:transparent;
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent;
	-ms-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent;
	outline:none;
}
a:hover{text-decoration:none;}
img{border:none;display: inline-block;}
ol,ul,li{list-style:none;}
html{overflow-y: scroll;font-size: 40px;height: 100%;} 
body{height: 100%;margin: 0 auto;}
/*IE初始化*/
.clearfix:after{content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{*zoom:1; }

/*数据过长省略*/
.words-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*居中*/
.wrap{margin: 0 auto;}

/*定位*/
.pa{position: absolute;}
.pr{position: relative;}
.pf{position: fixed;}
.ps{position: static;}
.pi{position: initial;}

/*文字粗细样式*/
.fw-700{font-weight:700;}

/*宽度*/
.wid100{width: 100%}
.wid80{width: 80%;}
.wid70{width: 70%;}
.wid60{width: 60%;}
.wid50{width: 50%;}
.wid40{width: 40%;}
.wid35{width: 35%;}
.wid30{width: 30%;}
.wid20{width: 20%;}
.wid10{width: 10%;}

/*高度*/
.hei100{height: 100%;}

/*浮动*/
.fl{float: left;}
.fr{float: right;}
.o-v{overflow: hidden;} /*清除浮动*/

/*文字排列样式*/
.tac{text-align: center;}
.tar{text-align: right;}
.tal{text-align: left;}

/*下划线*/
.tdu{text-decoration: underline;}
.tdlt{text-decoration: line-through;}

/*清除浮动*/
.clear{clear: both;height: 0;}

/*盒子显示模式（d-*：display：*）*/
.show{display: block;}
.d-ib{display: inline-block;}
.hidden{display: none;}

/*客服*/
.kf {
	position: fixed;
	right: .4rem;
	bottom: 2.725rem;
	width: 2.25rem;
	height: 2.25rem;
	display: block;
	background: url(../images/kf.png) no-repeat center center /cover;
}

/*无创产前基因检测  start*/
.geneDetection{
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin:0 auto;
}
.geneDetection .geneDetection-top{
	width: 100%;
	height: 65%;
	min-height: 20rem;
	box-sizing: border-box;
	padding-left: 1rem;
	position: relative;
}
.geneDetection .gdt-orangeTitle{
	padding-top: 0.8rem;
}
.geneDetection .gdt-orangeTitle p:nth-child(1){
	font-size: 0.55rem;
	color: #ea5606;
	margin-bottom: 0.125rem;
}
.geneDetection .gdt-orangeTitle p:nth-child(2){
	font-size: 0.75rem;
	color: #EA5606;
}
.geneDetection .gdt-blackTitle{
	margin-top: 0.5rem;
	font-size: 0.95rem;
	color: #333;
}
.geneDetection .gdt-grayTitle{
	margin-top: 1rem;
	font-size: 0.6rem;
	color: #666;
}
.geneDetection-topBg{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.geneDetection .geneDetection-bottom{
	width: 100%;
	height: 35%;
	min-height: 10rem;
	background-color: #f37021;
	box-sizing: border-box;
	border-top: 1px solid transparent;
}
.geneDetection .gdb-top{
	width: 100%;
	height: 0.125rem;
	background-color: #fff;
	margin-top: 0.125rem;
}
.geneDetection .gdb-title{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	font-size: 0.75rem;
	color: #fff;
	margin-top: 0.25rem;
}
.geneDetection .gbd-dec{
	margin-top: 0.25rem;
	color: #fff;
	box-sizing: border-box;
	padding-left: 1rem;
	font-size: 0.6rem;
}
.geneDetection .dec{
	margin-bottom: 0.25rem;
}
.geneDetection .dec .label{
	float: left;
	display: inline-block;
	background-color: #fff;
	color: #F37021;
	padding: 0 0.125rem;
	margin-right: 0.25rem;
}
/*无创产前基因检测  end*/


/*新生儿干细胞存储  start*/
.cellStorage{
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin:0 auto;
}
.cellStorage .cellStorage-top{
	width: 100%;
	height: 75%;
	min-height: 20rem;
	background: url(../images/model1/cellStorageBg.jpg) no-repeat;
	background-size: 100%;
	background-position-y: -4.8rem;
	position: relative;
}
.cellStorage .cellStorage-topText{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.cellStorage .cst-orangeTitle{
	width: 100%;
	padding-top: 1rem;
	text-align: center;
	color: #F37021;
} 
.cellStorage .cst-orangeTitle p:nth-child(1){
	font-size: 0.55rem;
} 
.cellStorage .cst-orangeTitle p:nth-child(2){
	font-size: 0.75rem;
}
.cellStorage .cst-blackTitle{
	font-size: 0.95rem;
	width: 100%;
	text-align: center;
	margin-top: 0.75rem;
	color: #333;
}
.cellStorage .cst-grayTitle{
	font-size: 0.6rem;
	color: #333;
	width: 100%;
	text-align: center;
	margin-top: 0.8rem;
	line-height: 1rem;
}
.cellStorage .cst-grayTitleBottom{
	margin-top: 0.5rem;
}
.cellStorage .imgBox{
	width: 100%;
	height: 100%;
	text-align: center;
}
.cellStorage .cellStorage-topBg{
	width: 100%;
	display: inline;
}
.cellStorage .cellStorage-bottom{
	width: 100%;
	height: 25%;
	min-height: 7rem;
	background-color: #F37021;
	border-top: 1px solid transparent;
	position: relative;
}
.cellStorage .csb-top{
	width: 100%;
	height: 0.125rem;
	background-color: #fff;
	margin-top: 0.125rem;
}
.cellStorage .csbText{
	width: 100%;
	margin-top: 0.5rem;
	color: #fff;
	box-sizing: border-box;
	padding-left: 3rem;
}
.cellStorage .csbTextBox{
	margin-bottom: 0.5rem;
}
.cellStorage .csbText .label{
	float: left;
	border-right: 1px solid #fff;
	line-height: 1.3rem;
	font-size: 0.75rem;
	padding-right: 0.25rem;
	margin-right: 0.25rem;
}
.cellStorage .csbText .dec{
	float: left;
	font-size: 0.42rem;
}
/*新生儿干细胞存储  end*/


/*新生儿遗传代谢病筛查  start*/
.geneticMetabolism{
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin:0 auto;
}
.geneticMetabolism .geneticMetabolism-top{
	width: 100%;
	height: 69%;
	min-height: 20rem;
	position: relative;
	box-sizing: border-box;
	border-top: 1px solid transparent;
	background-color:#fff ;
	overflow: hidden;
}
.geneticMetabolism .geneticMetabolism-topBg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.geneticMetabolism .gmt-text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	position: relative;
}
.geneticMetabolism .gmt-orangeTitle{
	color: #F37021;
	width: 100%;
	margin-top: 0.75rem;
}
.geneticMetabolism .gmt-orangeTitle p:nth-child(1){
	font-size: 0.55rem;
}
.geneticMetabolism .gmt-orangeTitle p:nth-child(2){
	font-size: 0.75rem;
}
.geneticMetabolism .gmt-blackTitle{
	font-size: 0.95rem;
	color: #333;
	margin-top: 0.5rem;
}
.geneticMetabolism .gmt-grayTitle{
	margin-top: 0.5rem;
	color: #666;
	font-size: 0.5rem;
	line-height: 0.85rem;
}
.geneticMetabolism .gmt-textBottom{
	width: 100%;
	background-color: #F37021;
	height: 0.125rem;
	position: absolute;
	left: 0;
	bottom: 0.125rem;
}
.geneticMetabolism .geneticMetabolism-bottom{
	width: 100%;
	height: 31%;
	min-height: 10rem;
	background-color: #F37021;
}
.geneticMetabolism .gmb-text{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	color: #fff;
	border-top: 1px solid transparent;
}
.geneticMetabolism .gmb-top{
	margin-top: 0.25rem;
	font-size: 0.75rem;
}
.geneticMetabolism .gmb-bottom{
	margin-top: 0.3rem;
}
.geneticMetabolism .gmb-bottomBox{
	margin-bottom: 0.25rem;
	font-size: 0.6rem;
}
.geneticMetabolism .gmb-bottomBox .label{
	float: left;
	display: inline-block;
	background-color: #fff;
	padding: 0 0.125rem;
	margin-right: 0.25rem;
	color: #F37021;
}
/*新生儿遗传代谢病筛查  end*/


/*小青果服务流程  start*/
.serviceFlow{
	width: 100%;
	height: 32.5rem;
	background: url(../images/model1/1-2bg.png) no-repeat;
	background-size: 100% 100%;
}
.serviceFlow .title{
	width: 100%;
	text-align: center;
	font-size: 0.75rem;
	padding-top: 0.4rem;
	color: #F37021;
}
.serviceFlow .flowList{
	width: 100%;
	height: 30rem;
	margin-top: 0.375rem;
	position: relative;
}
.serviceFlow .flowListLine{
	width: 0.1rem;
	height: 30rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -0.05rem;
	background-color: #F37021;
	z-index: 0;
}
.serviceFlow .flowListTop{
	color: #fff;
	background-color: #F37021;
	width: 4.5rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2.25rem;
	border-radius: 1rem;
}
.serviceFlow .flowListBottom{
	color: #fff;
	background-color: #F37021;
	width: 6.35rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3.175rem;
	border-radius: 1rem;
}
.serviceFlow .date0{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 1.75rem;
	margin-left: -1.5rem;
}
.serviceFlow .date12{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 7rem;
	margin-left: 0.5rem;
}
.serviceFlow .date22{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 12.6rem;
	margin-left: -1.5rem;
}
.serviceFlow .date36{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 16.3rem;
	margin-left: 0.5rem;
}
.serviceFlow .date40{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 20.5rem;
	margin-left: -1.5rem;
}
.serviceFlow .chanhou{
	position: absolute;
	width: 1.2rem;
	left: 50%;
	top: 22.875rem;
	margin-left: -1.4rem;
	color: #F37021;
	font-size: 0.5rem;
}
.serviceFlow .threeDay{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 26rem;
	margin-left: -1.25rem;
	color: #F37021;
	font-size: 0.5rem;
}
.serviceFlow .sevenDay{
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 27.5rem;
	margin-left: -1.3rem;
	color: #F37021;
	font-size: 0.5rem;
}
.serviceFlow .round0{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 2.1rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .round12{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 7.3rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .round22{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 13rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .round36{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 16.7rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .round40{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 20.9rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .roundChanhou{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 22.95rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .roundThreeDay{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 26.1rem;
	left: 50%;
	margin-left: -0.2rem;
	color: #F37021;
}
.serviceFlow .roundSevenDay{
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #F37021;
	position: absolute;
	top: 27.6rem;
	left: 50%;
	margin-left: -0.2rem;
}
.serviceFlow .lastAngle{
	position: absolute;
	left: 50%;
	top: 28.55rem;
	margin-left: -0.23rem;
	width: 0;
    height: 0;
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    border-top: 0.5rem solid #F37021;
}
.serviceFlow .date0Plan{
	width: 50%;
	float: right;
	box-sizing: border-box;
	padding-left: 0.25rem;
	text-align: left;
	margin-top: 3.325rem;
}
.serviceFlow .date0PlanTitle{
	font-size: 0.5rem;
	color: #333;
}
.serviceFlow .date0PlanDescription{
	font-size: 0.45rem;
	color: #666;
}
.serviceFlow .date0PlanDescription:before{
	content: '';
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.2rem solid transparent;
    border-left: 0.4rem solid #F37021;
    border-bottom: 0.2rem solid transparent;
    margin-right: 0.125rem;
}
.serviceFlow .date12Plan{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-right: 0.25rem;
	text-align: right;
	margin-top: 1.75rem;
}
.serviceFlow .date12PlanTitle{
	font-size: 0.5rem;
	color: #333;
}
.serviceFlow .date12PlanDescription{
	font-size: 0.45rem;
	color: #666;
}
.serviceFlow .date12PlanDescription:after{
	content: '';
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.2rem solid transparent;
    border-right: 0.4rem solid #F37021;
    border-bottom: 0.2rem solid transparent;
    margin-left: 0.125rem;
}
.serviceFlow .date36Plan{
	width: 50%;
	float: right;
	box-sizing: border-box;
	padding-left: 0.25rem;
	text-align: left;
	margin-top: 1.5rem;
}
.serviceFlow .date36PlanTitle{
	font-size: 0.5rem;
	color: #333;
}
.serviceFlow .date36PlanDescription{
	font-size: 0.45rem;
	color: #666;
}
.serviceFlow .date36PlanDescription:before{
	content: '';
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.2rem solid transparent;
    border-left: 0.4rem solid #F37021;
    border-bottom: 0.2rem solid transparent;
    margin-right: 0.125rem;
}
.serviceFlow .date40Plan{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-right: 0.25rem;
	text-align: right;
	margin-top: 1.8rem;
}
.serviceFlow .date40PlanTitle{
	font-size: 0.5rem;
	color: #333;
}
.serviceFlow .date40PlanDescription{
	font-size: 0.45rem;
	color: #666;
}
.serviceFlow .date40PlanDescription:after{
	content: '';
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.2rem solid transparent;
    border-right: 0.4rem solid #F37021;
    border-bottom: 0.2rem solid transparent;
    margin-left: 0.125rem;
}
.serviceFlow .chanhouPlan{
	width: 50%;
	float: right;
	box-sizing: border-box;
	padding-left: 0.25rem;
	text-align: left;
	margin-top: 3.35rem;
}
.serviceFlow .chanhouPlanTitle{
	font-size: 0.5rem;
	color: #333;
}
.serviceFlow .chanhouPlanDescription{
	font-size: 0.45rem;
	color: #666;
}
.serviceFlow .chanhouPlanDescription:before{
	content: '';
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.2rem solid transparent;
    border-left: 0.4rem solid #F37021;
    border-bottom: 0.2rem solid transparent;
    margin-right: 0.125rem;
}
/*小青果服务流程  end*/

/*查询服务-签约情况-报告查询-新生儿遗传代谢病筛查  start*/
.queryService{
	width: 100%;
}
.queryService .topMenu{
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	background-color: #fff;
	color: #333;
	font-size: 0.65rem;
}
.queryService .topMenu .menu{
	border-bottom: 1px solid #eee;
}
.queryService .topMenu .active{
	background-color: #F37021;
	color: #fff;
	box-sizing: border-box;
}
.queryService .reportQueryContent{
	margin-top: 0.375rem;
}
.queryService .reportQueryContent li{
	box-sizing: border-box;
	padding: 0.75rem 1.375rem;
	border: 1px solid #eee;
	font-size: 0.5rem;
	background-color: #fff;
	margin-bottom: 0.375rem;
}
.queryService .reportQueryContent li .contentBox{
	width: 100%;
	margin-bottom: 0.25rem;
}
.queryService .reportQueryContent li .label{
	float: left;
	width: 35%;
	color: #333;
}
.queryService .reportQueryContent li .dec{
	float: left;
	width: 65%;
	color: #666;
}
.queryService .reportQueryContent li .dec a{
	color: #F37021;
}
.queryService .signedStatusContent{
	margin-top: 0.375rem;
}
.queryService .signedStatusContent li{
	box-sizing: border-box;
	padding: 0.75rem 1.375rem;
	border: 1px solid #eee;
	font-size: 0.55rem;
	margin-bottom: 0.375rem;
	background-color: #fff;
}
.queryService .signedStatusContent li .contentBox{
	width: 100%;
	margin-bottom: 0.25rem;
	line-height: 1rem;
}
.queryService .signedStatusContent li .label{
	float: left;
	width: 35%;
	color: #333;
}
.queryService .signedStatusContent li .dec{
	float: left;
	width: 65%;
	color: #666;
}
.queryService .signedStatusContent li .dec #pickfiles{
	position: absolute;
	right: 1.5rem;
	color: #fff;
	background-color: #F37021;
	font-size: 0.45rem;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
}
.queryService .signedStatusContent li .dec .waiting,.queryService .signedStatusContent li .dec .noPass{
	width: 0.9rem;
	float: left;
	margin-left: 0.5rem;
}
/*查询服务-签约情况-报告查询-新生儿遗传代谢病筛查  end*/

/*弹窗 start*/
.popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
	z-index: 1;
}
.popup .popup1Box{
	width: 100%;
	height: 100%;
	position: relative;
}
.popup .popup1{
	width: 13.5rem;
	margin: 1.5rem auto 0;
}
.popup .popup1ContentTitle{
	font-size: 0.75rem;
	color: #fff;
	text-align: center;
	width: 100%;
	line-height: 1.75rem;
	background-color: #ea5504;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.popup .popup1Content{
	width: 100%;
	min-height: 18rem;
	color: #666;
	box-sizing: border-box;
	padding: 0.75rem;
	background-color: #fff;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	position: relative;
	color: #4b4b4b;
}
.popup .popup1ContentText{
	width: 100%;
	font-size: 0.6rem;
	line-height: 1rem;
	box-sizing: border-box;
	height: 17rem;
    overflow-y: scroll;
}
.popup .popup1ContentText::-webkit-scrollbar{
	width: 0;
}
.popup1ContentText p{
	text-indent: 1.2rem;
}
.popup .popup1ContentWriter{
	position: absolute;
	bottom: 1.75rem;
	left: 0.75rem;
	line-height: 1rem;
	font-size: 0.6rem;	
}
.popup .popup1ContentTime{
	position: absolute;
	bottom: 0.75rem;
	left: 0.75rem;
	line-height: 1rem;
	font-size: 0.6rem;	
}
.popup .popup1BoxClose{
	width: 1.75rem;
	height: 1.75rem;
	position: absolute;
	top: 21.25rem;
	left: 50%;
	margin-left: -0.875rem;
}
.popup .popup1BoxClose img{
	width: 100%;
	height: 100%;
}
.newMain .popup2Box{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.newMain .popup2MessageBox{
	width: 14.5rem;
	margin: 0.5rem auto 0;
 	box-sizing: border-box;
	padding: 0.5rem;
	background-color: #fff;
	border-radius: 0.25rem;
	color: #666;
	position: relative;
}
.newMain .popup2MessageText{
	float: left;
	width: 87%;
}
.newMain .popup2MessageControl{
	float: right;
	width: 13%;
	display: table-cell;
	height: 100%;
	text-align: right;
	position: absolute;
	top: 50%;
	right: 0.5rem;
	margin-top: -0.5625rem;
}
.newMain .popup2MessageControl img{
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 50%;
	vertical-align: middle;
}
.newMain .popup2MessageTop{
	width: 100%;
	color: #353535;
}
.newMain .popup2MessageTop .title{
	font-size: 0.6rem;
	margin-right: 0.75rem;
	
}
.newMain .popup2MessageTop .time{
	font-size: 0.5rem;
}
.newMain .popup2MessageDec{
	font-size: 0.5rem;
	margin-top: 0.25rem;
	color: #4b4b4b;
}
.newMain .popup2MessageDec p{
	text-indent: 1rem;
}
/*弹窗 end*/

/*申请结果*/
.result-con{
	color: #4b4b4b;
	font-size: 0.6rem;
}
.result-con .title{
	margin:0 0 0.7rem;
	line-height: 1.075rem;
}
.result-list .item{
	margin-bottom: 0.475rem;
}
.result-list .name{
	padding-left: 0.2rem;
	line-height: 0.95rem;
	height: 0.95rem;
	background: #f7f7f7;
}
.result-list .text{
	padding-bottom: 0.1rem;
	padding-left: 0.2rem;
	font-size: 0.5rem;
	line-height: 1.0rem;
	border-bottom: 1px solid #ebebeb;
}
.all-page{
	width: 100%;
}
